
/**公共样式库**//**元素初始化样式 如:body input select button ..**/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input ,button,textarea{margin: 0;padding: 0;border: none;outline: 0;font-family: STHeitiSC-Light;font: inherit;vertical-align: baseline;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{-webkit-text-size-adjust: none;word-wrap: break-word;word-break:break-all;}
html, body{width: 100%;height: 100%;background: #F2F2F4;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{font-family: arial, sans-serif;background-color: #F2F2F4;}
ol, ul{list-style: none;}
ul,li{margin:0;padding: 0;list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: none;}
ins, a{text-decoration: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse;border-spacing: 0;}
img{display: inline-block;width: 100%;height: 100%;}
input, textarea{border: none;background: none;outline: none;-webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;-ms-tap-highlight-color: transparent;-o-tap-highlight-color: transparent;tap-highlight-color: transparent;}
input:focus::-webkit-input-placeholder{color: transparent;}
textarea:focus::-webkit-input-placeholder{color: transparent;}
textarea{resize : none;}
input[type="search"]{-webkit-appearance: none;}
input::-webkit-search-cancel-button{display: none;}
/*===================================================== 以上格式化全局样式 ======================================================*/

/**border**//**font**//**background**/
.text-align-center{text-align: center;}
/*扩大点击事件*/.expand-click-h200{position: relative;}
.expand-click-h200:after{content: '';position: absolute;height: 200%;width: 100%;left: 0;top: -50%;}
/*0.5边线*/
.hairline-top{position: relative;border:none;}
.hairline-top::before{content: '';position: absolute;left: 0;top: 0;background: #DDDEE3;width: 100%;height: 1px;-webkit-transform: scale(1,.5);transform: scale(1,.5);-webkit-transform-origin: center top;transform-origin: center top;z-index: 1;}
.hairline-bottom{position: relative;border:none;}
.hairline-bottom::after{content: '';position: absolute;left: 0;bottom: 0;background: #DDDEE3;width: 100%;height: 1px;-webkit-transform: scale(1,.5);transform: scale(1,.5);-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.hairline-right{position: relative;border:none;}
.hairline-right::after{content: '';position: absolute;top: 0;left: 0;border-right: 1px solid #DDDEE3;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;}
.hairline{position: relative;border:none;}
.hairline::after{content: '';position: absolute;top: 0;left: 0;border: 1px solid #DDDEE3;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;}
.hairline-tb{position: relative;border:none;}
.hairline-tb:before{content: '';position: absolute;top: -50%;bottom: -50%;left: -50%;right: -50%;-webkit-transform: scale(0.5);transform: scale(0.5);border-top: 1px solid #dddee3;border-bottom: 1px solid #dddee3;}
.img-litu{position: absolute;bottom: 10px;left: 50%;background: rgba(0,0,0,0.50);border-radius: 20px;font-size: 14px;color: #E2E2E5;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);width: 42px;height: 20px;line-height: 20px;}
/******************************** icon **************************/
.icon{
  display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%;
}
.line-1{
  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
  word-wrap: break-word;word-break:break-all;
}
.line-2{
  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
  word-wrap: break-word;word-break:break-all;
}
.line-3{
  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
  word-wrap: break-word;word-break:break-all;
}
/* 清除浮动*/
.clearfix:after{content: "";display: block;clear: both;}
/*检查页面的标签是否闭合  */
.clearfix{zoom: 1;}
/*头部信息*/
.fl{float: left}
.fr{float: right}


.hidden{display: none!important;}
.display{display: block!important;}
